<!-- PAGE CONTENT BEGINS -->
<!--����css-->
<link rel="stylesheet" href="css/caseBarSchedule.css">
<!--日程-->
<!--左-->

<div class="calendar">
    <div class="wrap clearfix" style="position: relative">
      <div class="row L_ScheduleLeft">
        <!--style="margin-left:80px;margin-top:20px;"-->
        <div class="col-sm-12" style="margin-top: 10px;padding: 10px;position: relative;left: 20px;width:80%;background: #ffffff">
          <!--<div class="space"></div>-->
          <!-- #section:plugins/data-time.calendar -->
          <div id="calendar" class="mycalendar" style="float: left;width: 100%" ></div>
          <!-- /section:plugins/data-time.calendar -->
        </div>

        <!--右-->
        <div class="L_ScheduleRight clearfix" style="position: absolute;top: 0px;right: 0px;background: #f5f5f5;width: 17.5%">
          <div class="L_ScheduleRightContent">
            <h2>成员</h2>
            <div class="L_memberList" ng-repeat="caseuser in caseUsers">

              <div class="L_member">
                <input type="checkbox" ng-click="refleshtasklist(caseuser.id)" ng-model="caseuser.isselect" ng-show="typeIf!=7">
                <!--<img src="../../img/L_momentTX.png" alt="">-->
                <span class="L_memberN" ng-if="caseuser.iconUrl==null">{{caseuser.username | limitTo:1}}</span>

                <img ng-src="{{caseuser.iconUrl}}" src="{{caseuser.iconUrl}}" alt="{{caseuser.username}}" ng-if="caseuser.iconUrl!=null" style="border-radius: 100%">
                <span class="L_memberName">{{caseuser.username}}</span>
              </div>
            </div>
          </div>
        </div>

        <!-- 新建模块 -->
        <div class="modal fade" id="calendar-new" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true" >
          <div class="modal-dialog">
            <div class="d-modal-content modal-content">
              <div class="d-modal-header modal-header">
                <h4 class="d-modal-title modal-title" id="myModalLabel">
                  新建日程
                </h4>
                <span type="button" class="close" data-dismiss="modal" aria-hidden="true" >
            <!--&times;-->
            <img src="img/d_close.svg" alt="" class="img-responsive">
          </span>
              </div>
              <div class="d-modal-body modal-body" style="z-index: 10">
                <div style="overflow: hidden;zoom: 1;">
                  <p class="d-title-p">标题</p><input type="text" class="form-control"  style="float:left;" id="input_text1" ng-attr-autofocus="true" placeholder="请输入日程名称..." aria-describedby="basic-addon1" maxlength="10">
                  <div id="textcontent" style="position: absolute;top:36px;right:0;z-index: 20;">
                    <img src="../../img/errorHint.png" alt="" id="textcontent2">
                    <span style="color: red">内容不能为空</span>
                  </div>
                  <!--<div style="float: right;margin-top: 5px;margin-right: 10px">
                    <span id="my-count">0</span><span> /70</span>
                  </div>-->
                </div>

                <div class="d-time-calendar">
                  <form class="form-inline" style="position: relative;">
                    <span class="d-title-p">开始日期</span>
                    <input maxlength="20" id="calendar-details-new" type="text"  style="width:144px;height:36px;margin:0;background:#fff;"  readonly class="form_datetime form-control calendar-date-style" ng-model="dateYMD" value="formatDate"/>
                    <select id="calendarTime" readonly class="form_datetime form-control calendar-date-style" ng-model="timeHm" ng-options="hour.key as hour.value for hour in TimeHourXl" style=" width:144px;height:36px; margin:0 0 0 10px;background:#fff;border: 1px solid #d9d9d9">
                      <option value="" class="" selected="selected">9:30</option>
                    </select>
                    <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-left"> <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-right">
                  </form>
                </div>
                <div class="calendar-details-time d-time-calendar" style="margin:15px 0 0 0;">
                  <form class="form-inline">
                    <span class="d-title-p">提醒</span>
                    <select class="scheduleSelect" type="text"  id="remindTime" ng-model="remindTime" name="caseOrigin" ng-options="x.id as x.name for x in remindList"  ng-init="remindTime=1">
                      <option value="" selected hidden></option>
                      <!--<option value="" class="" selected="selected">-&#45;&#45;请选择-&#45;&#45;</option>-->
                    </select>
                  </form>
                </div>
                <div class="d-time-calendar" style="margin:15px 0 0 0;">
                  <span class="d-title-p">颜色</span>
                  <p id="dCalendarColorLump"style="float:left;height:38px;padding:5px 0;box-sizing: border-box; overflow: hidden;">
                    <span id="task-red" class="d-calendar-colorlump" style="background:#D0021B"><img src="" alt=""></span>
                    <span id="task-purple" class="d-calendar-colorlump" style="background:#F5A623"><img src="" alt=""></span>
                    <span id="task-blue" class="d-calendar-colorlump" style="background:#7ED321"><img src="" alt=""></span>
                    <span id="task-green" class="d-calendar-colorlump" style="background:#4A90E2"><img src="" alt=""></span>
                  </p>
                  <div style="clear: both"></div>
                </div>
                <!--<div style="margin-top: 20px;height: 40px">-->
                <!--<span class="pull-left" style="margin-top: 10px">参与人</span>-->

                <!--<div class="pull-left" style="display: block; position: absolute;margin-left: 53px;">-->
                <!--<img class="pull-left img-circle" ng-src="{{userPortrait}}"-->
                <!--style="width: 40px;height: 40px">-->
                <!--<span style="position: absolute;top: 10px;left: 5px">{{settingusertext}}</span>-->
                <!--</div>-->

                <!--<div class="add-join-per-p pull-left" style="width: 40px;height: 40px;-->
                <!--margin-left: 55px;margin-top: 0px">-->
                <!--<i class="fa fa-fw fa-plus"></i>-->
                <!--</div>-->
                <!--</div>-->
                <div style="margin-top: 5px;zoom: 1;border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;">
                  <span class="d-calendar-participant" >参与人</span>
                  <div class='join-per pull-left'>
                    <div class='join-per-p-my' style='background-color: rgb(66,183,159);color:#fff;position:relative;'><!--background-color: rgb(66,183,159);color:#fff;-->
                      <!--<img src="img/lawyer-close-calendar.png" class='Add-close-cy'-->
                      <!--style='position: relative;margin-left: 48px;'-->
                      <!--ng-click="CaseLawyerDel(x.id)"/>-->
                      <img src="{{userPortraitSave}}" ng-src="{{userPortraitSave}}" ng-if="userPortraitSave!=null"/>
                      <span style='margin-top: 5px;' ng-if="userPortraitSave==null">{{userPortraitName}}</span>

                    </div>
                  </div>

                  <div class='join-per pull-left' ng-repeat="userCy in cyList">
                    <div class='join-per-p' style='background-color: rgb(66,183,159);color:#fff;position:
                            relative;'>
                      <!--<img src="img/lawyer-close-calendar.png" class='Add-close-cy'-->
                      <!--style='position: relative;margin-left: 48px;'-->
                      <!--ng-click="CaseLawyerDel(x.id)"/>-->
                      <img style="width: 15px;height: 15px;position: absolute;top: -2px;right: -2px;"
                           src="../../img/lawyer-close.png" ng-click="delLawyerMem(userCy,$index,1)">
                      <img src="{{userCy.iconUrl}}" ng-src="{{userCy.iconUrl}}"/>
                      <span style='margin-top: 5px;'>{{userCy.username}}</span>
                    </div>

                  </div>

                  <div style="position: relative;">
                    <div class="join-per pull-left LawyerAdd" >
                      <div class="join-per-p addJoin" id="join-per-p" ng-click="joinPerClick()">
                        <img src="img/DAddition.svg" alt="">
                      </div>

                      <div class="LawyerAddBody3  hide" style="min-height: 60px; height:180px;overflow-y:auto;">
                        <i class="arrowicon"></i>
                        <span class="Add-close" style="margin:0;top:13px;"></span>
                        <div style="width:100%;height:30px;color:#B6B6B6;font-size: 14px;border-bottom:1px solid #EEEEEE;">请选择添加成员</div>
                        <!--<h5>添加参与人员</h5>
                        <ul class="LawyerList clearfix">
                          <li class="active"><a>直接添加</a></li>
                          &lt;!&ndash;<li class=""><a>邀请参与</a></li>&ndash;&gt;
                        </ul>-->
                        <div class="LawyerDiv">
                          <!--直接添加-->
                          <div class="Lawyerbox ">
                            <ul >
                              <li ng-repeat="lawyerM in caseLawyerList track by $index" ng-if="lawyerM.username!=userPortraitName">
                                <span class="LawyerboxUlS" style="float:left;margin:0;color:#5C5C5C;">{{lawyerM.username}}</span>
                                <button class="LawyerboxUlbutton" style="font-size: 10px;color: #01BEB8;" ng-click="addLawyerMem($index,lawyerM,1)">
                                  添加
                                </button>

                              </li>

                            </ul>

                            <!--<input maxlength="50" ng-model="cellphone" id="addCanyuInput"-->
                                   <!--class="form-control" placeholder="请输入邮箱、手机号添加联系人" ng-enter="addCanyuInputEnter()"/>-->


                            <!--<ul style="overflow-y:auto;display: none;" class="LawyerboxUl">-->
                              <!--<li>-->
                                <!--<div style="margin-top: 5px"-->
                                     <!--ng-repeat="caseUser in CaseLawyerTianSelect.data">-->
                                  <!--<span class="LawyerboxUlS" style="display: inline-block">{{caseUser.username}}</span>-->
                                  <!--<button class="LawyerboxUlbutton"-->
                                          <!--ng-click="CanYuTianButton(caseUser)">-->
                                    <!--添加-->
                                  <!--</button>-->
                                <!--</div>-->
                              <!--</li>-->
                            <!--</ul>-->
                            <span id="error-add-text" style="display: none">已添加全部成员</span>
                            <div style="clear: both;"></div>
                          </div>
                          <!--邀请参与-->
                          <div class="Lawyerbox hide">
                            <input maxlength="50"  class="form-control" placeholder="请输入人员姓名"/>
                            <div class="eplAddDivBtn">
                              <button>保存</button>
                              <a>取消</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="clear: both;"></div>
                </div>
                <div class="d-calendar-textarea">
                  <textarea  class="d-calendar-textareaContent" id="input_text2" placeholder="此处可添加备注信息" aria-describedby="basic-addon1" maxlength="70" ></textarea>
                </div>
                <div style="clear: both;"></div>
              </div>
              <div class="modal-footer" style="width:451px;text-align:right;margin: 20px auto 0;padding-left:0;padding-right:0;">
                <button type="button" class="d-btnc d-btnconfirm" id="button_text1" >
                  确定
                </button>
                <button type="button" class="d-btnc d-btndefault" data-dismiss="modal">取消</button>
              </div>
            </div>
          </div>
        </div>
      </div>



      <!--查看详情弹出框-->
      <div id="calendar-details" class="modal fade" >
        <div class="modal-dialog">
          <div class="d-modal-content modal-content" style="height:640px;">
            <div class="d-modal-body modal-body">
              <div class="d-modal-header modal-header">
                <h4 class="d-modal-title modal-title">
                  编辑日程
                </h4>
                <span type="button" class="close" data-dismiss="modal" aria-hidden="true" >
            <!--&times;-->
            <img src="img/d_close.svg" alt="" class="img-responsive">
          </span>
              </div>
              <div class="calender-detail-head">
                <div id="calendar-task" style="overflow: hidden;">
                  <p class="d-title-p">标题</p>
                  <input id="calendar-task-title" class="form-control" style="float:left;" maxlength="10" ng-attr-autofocus="true"/>
                </div>
                <!--<div style="float: right;margin-top: 5px;margin-right: 10px">
                  <span id="my-count-edit">0</span><span> /70</span>
                </div>-->
                <div class="calendar-details-time" style="margin-top:15px;">
                  <!--<span>时间：</span>-->
                  <!--<input maxlength="20" id="calendarDateVal" type="text" readonly class="form_datetime form-control calendar-date-style" style="width:92%;border-radius: 5px!important;margin-left: 43px"/>-->
                  <!--<input maxlength="20" id="calendarTimeVal" type="text" readonly class="form_datetime form-control calendar-date-style" style="width:92%;border-radius: 5px!important;margin-left: 43px"/>-->
                  <form class="form-inline" style="position: relative;">
                    <span class="d-title-p">开始日期</span>
                    <!--<input id="calendar-details-timeval" type="text" readonly class="form-control calendar-date-style">-->

                    <input maxlength="20" id="calendarDateVal" type="text" style="width:144px;height:36px;margin:0;background:#fff;color:#B2B2B2!important;"  readonly class="form_datetime form-control calendar-date-style" style="margin-top: 10px"/>
                    <select  id="calendarTimeVal"   readonly class="form_datetime form-control calendar-date-style" ng-model="calendarDateTimeModal" ng-options="hour.key as hour.value for hour in TimeHourXl" style="width:144px;height:36px; margin:0 0 0 10px;background:#fff;border: 1px solid #d9d9d9">
                    </select>
                    <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-left"> <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-right">
                    <div style="clear: both;"></div>
                  </form>

                </div>

                <div class="calendar-details-time d-time-calendar" style="margin:15px 0 0 0;">
                  <form class="form-inline">
                    <span class="d-title-p">提醒</span>
                    <select class="scheduleSelect" type="text"  id="remindTime" ng-model="remindTime" name="caseOrigin" ng-options="x.id as x.name for x in remindList">
                      <option value="" class="" selected="selected">---请选择---</option>
                    </select>
                  </form>
                </div>

                <div class="d-time-calendar" style="margin:15px 0 0 0;">
                  <span class="d-title-p">颜色</span>
                  <p id="dCalendarColorLump2" style="float:left;height:38px;padding:5px 0;box-sizing: border-box; overflow: hidden;">
                    <span id="edit-task-red" class="d-calendar-colorlump" style="background:#D0021B"><img src="" alt=""></span>
                    <span id="edit-task-purple" class="d-calendar-colorlump" style="background:#F5A623"><img src="" alt=""></span>
                    <span id="edit-task-blue" class="d-calendar-colorlump" style="background:#7ED321"><img src="" alt=""></span>
                    <span id="edit-task-green" class="d-calendar-colorlump" style="background:#4A90E2"><img src="" alt=""></span>
                  </p>
                </div>
                <div style="margin-top: 5px;zoom: 1;border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;">
                  <span class="d-calendar-participant" >参与人</span>

                  <div class='join-per pull-left ' ng-repeat="x in lawerList">
                    <div class='join-per-p' style='position:relative;'>
                      <!--<img src="img/lawyer-close-calendar.png" class='Add-close-cy'-->
                      <!--style='position: relative;margin-left: 48px;'-->
                      <!--ng-click="CaseLawyerDel(x.id)"/>-->
                      <img style="width: 15px;height: 15px;position: absolute;top: -2px;right: -2px;" src="../../img/lawyer-close.png" ng-click="delLawyerMem(x,$index,2)" ng-if="$index>0">

                      <img src="{{x.iconUrl}}" ng-src="{{x.iconUrl}}" ng-if="x.iconUrl!=null"/>

                      <span style='margin-top: 5px;' ng-if="x.iconUrl==null">{{x.username}}</span>
                    </div>
                  </div>

                  <div id="LawyerBox" style="position: relative;">
                    <div class="join-per pull-left LawyerAdd" style="position: relative;">
                      <div class="join-per-p" id="Zhixinxiezhu"><img src="img/DAddition.svg" alt=""></div>

                      <div class="LawyerAddBody3 hide" style="min-height: 60px;height:180px;overflow-y:auto;">
                        <i class="arrowicon"></i>
                        <span class="Add-close"></span>
                        <div style="width:100%;height:30px;color:#B6B6B6;font-size: 14px;border-bottom:1px solid #EEEEEE;">请选择添加成员</div>
                        <!--<h5>添加参与人员</h5>
                        <ul class="LawyerList clearfix">
                          <li class="active"><a>直接添加</a></li>
                          &lt;!&ndash;<li class=""><a>邀请参与</a></li>&ndash;&gt;
                        </ul>-->
                        <div class="LawyerDiv">
                          <!--直接添加-->
                          <div class="Lawyerbox ">
                            <ul >
                              <li ng-repeat="lawyerM in caseLawyerList track by $index" ng-if="lawyerM.username!=userPortraitName">

                                <span class="LawyerboxUlS" style="display: inline-block">{{lawyerM.username}}</span>
                                <button class="LawyerboxUlbutton" style="font-size: 10px;color: #01BEB8;" ng-click="addLawyerMem($index,lawyerM,2)">
                                  添加
                                </button>

                              </li>
                            </ul>
                            <!--<input ng-model="cellphone" id="addXieZhuInput"-->
                                   <!--class="form-control" placeholder="请输入邮箱、手机号添加联系人" ng-enter="addXieZhuInputEnter()"/>-->
                            <!--<ul style="overflow-y:auto;display: none;" class="LawyerboxUl">-->
                              <!--<li>-->
                                <!--<div style="margin-top: 5px" ng-repeat="caseuser in CaseLawyerTianSelect.data">-->
                                  <!--<span class="LawyerboxUlS" style="display: inline-block">{{caseuser.username}}</span>-->
                                  <!--<button class="LawyerboxUlbutton"-->
                                          <!--ng-click="CaseLawyerTianButton(caseuser.username,caseuser.id)">-->
                                    <!--添加-->
                                  <!--</button>-->
                                <!--</div>-->
                              <!--</li>-->
                            <!--</ul>-->
                            <span id="error-text" style="display: none">未搜索到结果</span>
                          </div>
                          <!--邀请参与-->
                          <div class="Lawyerbox hide">
                            <input maxlength="20" class="form-control" placeholder="请输入人员姓名"/>
                            <div class="eplAddDivBtn">
                              <button>保存</button>
                              <a>取消</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="clear: both;"></div>
                </div>
                <div class="d-calendar-textarea">
                  <textarea  class="d-calendar-textareaContent" id="calendar-task-title2" placeholder="此处可添加备注信息" aria-describedby="basic-addon1" maxlength="70" ></textarea>
                </div>
                <div class="d-calendar-deleteTask" ng-click="deleteTask()">
                  删除日程
                </div>
              </div>
              <div style="clear: both;"></div>
            </div>
            <div class="modal-footer" style="margin-top: 20px">
              <!--<button id="calendarDetailEdit" ng-click="turnDetails()" type="button" class="btn btn-info">查看详情</button>-->
              <button ng-click="updateTask()" type="button" class="d-btnc d-btnconfirm">确认</button>
              <button type="button" class="d-btnc d-btndefault" data-dismiss="modal">取消</button>
              <!--<button  type="button" class="btn btn-sm btn-danger">删除日程</button>-->
            </div>
          </div>
        </div>
      </div>
    </div>
</div>

<!-- PAGE CONTENT ENDS -->
<!--[if !IE]> -->
<!--<script src="components/jquery/dist/jquery.js"></script>-->
<!--<script src="assets/js/src/ace.js"></script>-->
<!--<script type="text/javascript">-->
    <!--if ('ontouchstart' in document.documentElement) document.write("<script src='components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>" + "<" + "/script>");-->
<!--</script>-->
<!--<script src="components/bootstrap/dist/js/bootstrap.js"></script>-->
<!--<script src="framework/js/bootstrap.min.js"></script>-->

<!-- page specific plugin scripts -->
<!--<script src="components/_mod/jquery-ui.custom/jquery-ui.custom.js"></script>-->
<!--<script src="components/jqueryui-touch-punch/jquery.ui.touch-punch.js"></script>-->
<!--<script src="components/moment/moment.js"></script>-->
<!--<script src="bower_components/moment/min/moment.min.js"></script>
<script src="bower_components/fullcalendar/dist/fullcalendar.js"></script>-->
<!--<script src="components/fullcalendar/dist/fullcalendar.js"></script>-->
<!--<script src="components/bootbox.js/bootbox.js"></script>-->
<!--<script src="framework/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>-->
<!--<script src="framework/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>-->

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<!--<link rel="stylesheet" href="docs/assets/js/themes/sunburst.css"/>-->
<!--个人设置需要引用的js和日历无关-->

<script>
    $(window).ready(function () {
        /*======直接选择和添加切换=====*/
        $(".eplAddDivliUl li").on("click", function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").addClass("hide");
            $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").eq(i).removeClass("hide");
        });

        /*=====添加律师成员=======*/
        $(".LawyerList li").on("click", function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(this).parent().siblings(".LawyerDiv").find(".Lawyerbox").addClass("hide");
            $(this).parent().siblings(".LawyerDiv").find(".Lawyerbox").eq(i).removeClass("hide");
        });
        $(".join-per-p").on("click", function () {
            $(".LawyerAddBody3").removeClass("hide");
        });
        $(".add-join-per-p").on("click", function () {
            $(".LawyerAddBody4").removeClass("hide");
        });
        $(".LawyerAddBody3 .Add-close").on("click", function () {
            $(".LawyerAddBody3").addClass("hide");
        });
        $(".LawyerAddBody4 .Add-close").on("click", function () {
            $(".LawyerAddBody4").addClass("hide");
        });
    });

    /*设置屏幕高度*/
    (function () {
      setHeight();
      function setHeight() {
        var height = $(window).height()+210 + 'px';
        var minHeight = $(window).height()+190 + 'px';
        $(".wrap").css("height",height);
        $(".L_ScheduleRight").css("height",minHeight);
      };
      $(window).resize(function() {
        setHeight();
      });
    }())
</script>


